@charset "utf-8";
/**
 * @Creation date:2011-11-23
 * @Explanation:客服管理后台；
 * @Attention:任何一个页面，必须最先引用admin-base.css样式，然后再引用相关的样式！
 * @Author:ChenJunYong<tenjessy@gmail.com>
 */

/* ==================================================================================================== */
/**
 * 说明：html常用标签的默认属性的重置
 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form,fieldset, legend, button, input, textarea, select, th, td { margin:0px; padding:0px; }body, button, input, select, textarea { font-size:12px; font-family:"\5B8B\4F53", Arial, sans-serif; }body{ background:#ffffff; color:#3e3e3e; }h1,h2,h3,h4,h5,h6 { font-size:100%;}address, cite, dfn, em, var { font-style:normal; }code, kbd, pre, samp, tt { font-family:"Courier New", Courier, monospace; }ul, ol { list-style:none; }a { text-decoration:none; color:#3e3e3e; }a:hover { text-decoration: underline; color:#c50001; }sup { vertical-align: text-top; }sub { vertical-align: text-bottom; }legend { color:#000000; }fieldset, img { border:none; }img { vertical-align:top; }button, input, select, textarea { font-size:100%; }table { border-collapse: collapse; }article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { display: block; margin:0px; padding:0px; }
/* ==================================================================================================== */

.clear { clear:both; height:0px; overflow:hidden; display:block; font-size:0px; }
.clearfix:after{ clear:both; height:0px; overflow:hidden; display:block; visibility: hidden; content:""; }

/**
 * S 公共
 */
.header .inner { clear:both; height:88px; }
.grid-frame { width:100%; background:url(../img/admin_bg.png) repeat-y 0px 0px; }
.header .inner:after, .grid-frame:after { clear:both; height:0px; overflow:hidden; display:block; visibility: hidden; content:""; }
.grid-frame .col-sub { float:left; top:0px; left:0px; width:200px; }
.grid-frame .col-main { padding:10px; margin-left:200px!important; margin-left:197px; *zoom:1; }

/**
 * S 头部
 */ 
.header { background:url(../img/admin_h_bg.png) no-repeat right bottom; border-bottom:5px solid #3399ff; }
.site-tip { float:left; padding:56px 0px 0px 0px; color:#c50001; line-height:22px; }
.mini-nav { float:right; padding:14px 0px 0px 0px; line-height:22px; }
.quick-nav { height:22px; }
.quick-nav li { float:right; padding:0px 10px; background:url(../img/manage_bg.png) no-repeat -940px -142px; }
.quick-nav .mess { padding-left:14px; background:url(../img/icon.png) no-repeat -10px -342px; }
.quick-nav a { display:inline-block; } 
.index-act { height:22px; padding:12px 10px; }
.index-act a { float:right; width:96px; height:22px; text-align:center; background:url(../img/manage_bg.png) no-repeat -171px -34px; }
/**
 * S Logo
 */
.logo { float:left; position:relative; width:249px; height:75px; padding:6px 10px; overflow:hidden; }
.logo a { position:absolute; top:6px; left:10px; font-size:0px; line-height:0px; -webkit-text-size-adjust:none; }
.logo img { display:block; }

/**
 * S 管理导航
 */
.manage-nav { padding:0px 2px; line-height:28px; overflow:hidden; }
.manage-nav h3 { position:relative; height:28px; padding:2px 30px; border-top:1px solid #ffffff; font-size:14px; cursor:pointer; }
.manage-nav b { position:absolute; top:11px; left:12px; width:9px; height:9px; background:url(../img/manage_bg.png) no-repeat -922px -59px; font-size:0px; overflow:hidden; }
.manage-nav .cur b { background-position:-932px -59px; }
.manage-nav .item { border-top:1px solid #9cb8cc; }
.manage-nav .list { display:none; padding:2px 30px; }
.manage-nav a,.manage-nav a:hover { color:#1348fc; }
.manage-nav .cur h3 { color:#1348fc; }
.manage-nav .cur .list { display:block; }

/**
 * S 管理主体
 */
.manage-hd { height:32px; padding:0px 5px; margin-bottom:10px; border-bottom:1px solid #9cb8cc; font-size:14px; line-height:32px; color:#005eac; }
.manage-hd b { float:left; width:12px; height:14px; margin:9px 10px 0px 5px; background:url(../img/icon.png) no-repeat 0px -323px; font-size:0px; overflow:hidden; }
.manage-bd { padding:10px 0px 0px 0px; }


/**
 * S 首页基本信息
 */
.manage-info { position:relative; padding:30px 40px; margin:0px 0px 40px 0px; border:1px solid #dddddd; line-height:32px; zoom:1; }
.manage-info .title { position:absolute; top:-18px; left:20px; height:32px; padding:0px 10px; background:#ffffff; font-size:14px; }
.manage-info li { border-bottom:1px dotted #dddddd; _zoom:1; }
.personal-info-list li { padding-left:190px;  }
.personal-info-list span,.personal-info-list em { color:#c50001; }
.personal-info-list em { font-weight:700; }
.notic-list li,
.information-list li { overflow:hidden; }
.notic-list .s,
.notic-list .t,
.information-list .s,
.information-list .t { float:left; }
.notic-list .d,
.information-list .d { float:right; }
.notic-list .s,
.information-list .s { width:100px; padding:0px 14px; }
.notic-list .t,
.information-list .t { width:410px; padding:0px 14px; color:#005eac; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.notic-list .t a,
.notic-list .t a:hover,
.information-list .t a,
.information-list .t a:hover { color:#005eac; }

/**
 * S 数据表格的基本外观，包括数据展示、录入、编辑
 */
.data-list,
.edit-data { width:99.9%; line-height:24px; margin-bottom:10px; border-collapse:collapse; border:1px solid #c8cfda; border-top-width:3px; font-family:Arial; }
.data-list th,
.data-list td,
.edit-data th,
.edit-data td { padding:4px 12px; border:1px solid #ececec; }
.data-list th,
.edit-data th { background:#e6eaf0; text-align:left; font-size:14px; }
.data-list tbody tr:hover,
.edit-data tbody tr:hover { background-color:#f0f0f0; }
.data-list .price,
.edit-data .price { padding-right:5px; font-weight:700; color:#c50001; }
.data-list .operate a,.data-list .operate a:hover { color:#1348fc; }
/**
 * S 基本数据的列表展示
 */
.data-list .act a { display:inline-block; padding:0px 5px; margin:0px 5px; color:#005eac; }
.data-list .act a:hover { color:#005eac; }
.data-list th,.data-list td { text-align:center; }
/**
 * S 录入数据的基本表格 
 */
.edit-data .th { background:#f5fbff; }
.edit-data .input-txt { padding:5px; font-family:Arial; vertical-align:middle; }
.edit-data .mark { padding:0px 5px; color:#005eac; }
.edit-data .tip,.edit-data .err-mess,.edit-data .suc-mess { padding:0px 5px; }
.edit-data .err-mess { color:#ff0000; }
.edit-data .suc-mess { color:#389a0d; }
.edit-data .tip { color:#9a9a9a; }
.edit-data .sub-btn { padding:5px; cursor:pointer; }

/**
 * S 短信提示
 */
.sms-tips { padding:10px 0px 0px 0px; line-height:22px; color:#9a9a9a; }
.sms-tips a,.reg-tips a:hover { color:#005eac; }
.sms-tips .act { display:inline-block; padding:0px 6px; margin-right:6px; background:#005eac; color:#ffffff; }
.sms-tips .act:hover { color:#ffffff; }

/**
 * S 迷你搜索栏
 */
.mini-search-bar { padding:6px 14px; background:#c8cfda url(../img/admin_bar_bg.png) repeat-x left bottom; line-height:22px; font-family:Arial; font-weight:700; }
.mini-search-bar input { margin:0px 6px; font-family:Arial; vertical-align:middle; _vertical-align:-3px; }
.mini-search-bar .input-txt { height:14px; padding:3px; line-height:14px; }
.mini-search-bar select { padding:3px; }
.mini-search-bar .sub-btn { width:92px; height:24px; background:url(../img/manage_bg.png) no-repeat -849px -34px; border:none; line-height:24px; cursor:pointer; color:#ffffff; font-weight:700; letter-spacing:10px; }
.mini-search-bar a,.mini-search-bar a:hover { color:#005eac; }
.mini-search-bar a { padding:0px 5px; margin:0px 3px; display:inline-block; }
/**
 * S 查询结果提示 
 */
.description { padding-bottom:0px; line-height:28px; }
.description p { border-top:1px solid #dddddd; }
.description a,.description a:hover { color:#005eac; }
.description .h,.description .h:hover { color:#ff0000; }

/**
 * S 底部
 */
.footer { padding:10px 0px 10px 0px; border-top:1px solid #dddddd; text-align:center; line-height:22px; }
.copyright { font-family:Arial; }

/**
 * S 分页
 */
.page-nav { width:100%; height:24px; padding:12px 0px; line-height:24px; text-align:center; }
.page-nav a,.page-nav .cur, .page-nav .start, .page-nav .last { display:inline-block; height:24px; margin:0px 3px; padding:0px 8px; border:1px solid; }
.page-nav .start, .page-nav .last { border-color:#dddddd; color:#9a9a9a; }
.page-nav .start { padding:0px 8px 0px 16px; background:url(../img/icon.png) no-repeat; background-position:5px -79px; *background-position:5px -80px; }
.page-nav .prev { padding:0px 8px 0px 16px; background:url(../img/icon.png) no-repeat; background-position:5px -60px; *background-position:5px -61px; }
.page-nav .last { padding:0px 16px 0px 8px; background:url(../img/icon.png) no-repeat; background-position:right -41px; *background-position:right -42px; }
.page-nav .next { padding:0px 16px 0px 8px; background:url(../img/icon.png) no-repeat; background-position:right -22px; *background-position:right -23px; }
.page-nav a { border-color:#dddddd; }
.page-nav a:hover { border-color:#c50001; text-decoration:none; }
.page-nav .cur { border-color:#c50001; color:#c50001; font-weight:700; }
.page-nav .page-info { display:inline-block; }
.page-nav .input-txt { width:30px; margin:0px 6px; padding:2px 0px; text-align:center; border:1px solid #9a9a9a; vertical-align:middle; line-height:14px; }
.page-nav .skip { width:38px; margin:0px 6px; vertical-align:middle; cursor:pointer; line-height:16px; }

/**
 * S 弹出层
 */
.pop-up { width:560px; padding:16px 20px; border:5px solid #9a9a9a; background:#ffffff; }
.pop-up .hd { position:relative; height:28px; border-bottom:1px solid #dddddd; line-height:28px; }
.pop-up .hd-t { font-size:14px; }
.pop-up .bt-close { position:absolute; top:5px; right:10px; width:50px; background:none; border:none; cursor:pointer; font:12px/18px Verdana, sans-serif; }
.pop-up .bd { padding:16px 0px 0px 0px; }
.pop-data { width:400px; margin:0px auto; line-height:20px; }
.pop-data th,.pop-data td { padding:4px 6px; }
.pop-data th { text-align:right; }
.pop-data .input-txt { height:14px; padding:3px 5px; font-family:Arial; vertical-align:middle; }
.pop-data select { padding:2px; }
.pop-data .plus { display:inline-block; width:21px; height:18px; margin:0px 15px; background:url(../img/manage_bg.png) no-repeat -268px -34px; text-align:center; line-height:18px; font-family:Arial; }
.pop-data .plus:hover { text-decoration:none; }
.pop-up .operate { padding:16px 0px 0px 0px; border-top:1px solid #dddddd; text-align:center; }
.pop-up .sub-act { width:70px; height:30px; cursor:pointer; }

/* S 用户验证 */
.login-box { width:460px; margin:0px auto; }
.login-box legend { display:none; }
.login-box .account-area,
.login-box .pass-area,
.login-box .code-area,
.login-box .remember,
.login-box .act-area, 
.entries { clear:both; width:460px; padding:10px 0px; vertical-align:middle; overflow:hidden; }
.login-box .input-txt { float:left; width:200px; height:14px; padding:5px 5px; border:1px solid #6c91ac; background:url(../img/login_reg_bg.png) no-repeat 0px -196px; vertical-align:middle; }
.login-box .t { float:left; width:56px; line-height:26px; font-size:14px; }
.login-box .mess { float:left; display:none; padding-left:10px; color:#c50001; line-height:26px; }
.code-area .code-img { float:left; padding-left:10px; cursor:pointer; }
.code-area .code-img img { width:80px; height:26px; vertical-align:middle; }
.remember { line-height:28px; vertical-align:middle; }
.remember label { display:block; margin-left:56px; font-family:Arial; }
.remember input { margin-right:5px; vertical-align:middle;  }
.login-box .submit-act { width:90px; height:30px; margin-left:56px; border:1px solid #c50001; background:#c50001 url(../img/login_reg_bg.png) no-repeat 0px -81px; font-size:14px; font-weight:700; color:#6e0000; cursor:pointer; }
.entries { position:relative; width:404px; height:30px; padding-left:56px; line-height:28px; }
.entries a { position:absolute; top:10px; right:90px; width:88px; height:28px; border:1px solid #666666; background:#fff2cc url(../img/login_reg_bg.png) no-repeat -89px -81px; font:700 14px/28px "\5b8b\4f53"; text-align:center; }
.login-box .account-area { position:relative; height:26px; }
.login-tips { position:absolute; bottom:10px; left:56px;  width:184px; height:18px; line-height:18px; border:1px solid #c6c6a8; }
.login-tips .tips { position:relative; height:18px; padding:0px 10px 0px 5px; }
.login-tips .colse { position:absolute; top:5px; right:5px; width:7px; height:7px; background:url(../img/login_reg_bg.png) no-repeat -275px -6px; font-size:0px; text-indent:-999em; overflow:hidden; cursor:pointer; }
.login-tips b { position:absolute; top:-5px; left:16px; width:7px; height:5px; background:url(../img/login_reg_bg.png) no-repeat -275px 0px; font-size:0px; text-indent:-999em; overflow:hidden; }
.login-tips .tips a,.login-tips .tips a:hover { color:#c50001; }